<a
  href="javascript:void(0);"
  class="dropdown-item p-0 notify-item card {{readClass}} shadow-none mb-1"
>
  <div class="card-body">
    <div class="d-flex align-items-center">
      <div class="flex-shrink-0">
        <img
          src="assets/img/user.png"
          class="rounded-circle"
          alt="Sender"
          width="40"
          height="40"
        />
      </div>
      <div class="flex-grow-1 text-truncate ms-2">
        <h6 class="noti-item-title fw-semibold font-size-14">
          {{sender}} <small class="fw-normal text-muted ms-1">{{time}}</small>
        </h6>
        <small class="noti-item-subtitle text-muted">{{content}}</small>
      </div>
    </div>
  </div>
</a>
